<template>
  <div >
<!--购物车--编辑-->
      <div class="shop_car_header">
          <van-row>
              <van-row style="">
                  <van-col span="5"  style="padding: 0.4rem;">购物车</van-col>
                  <van-col span="6" offset="13" style="padding: 0.4rem;"><span style="background-color: #FC625F;color: white;padding: 0.05rem;border-radius: 0.05rem ">领券</span>&emsp;编辑</van-col>
                </van-row>
          </van-row>

      </div>
<!--商品信息-->
      <van-card
          num="2"
          price="2.00"
          desc=" 杨柳绿; 1.2m床笠单品"
          title="沁入湖水般清凉，冰能科技60支兰精天丝床笠"
          thumb="../static/40.png"
        >
          <template #tags>
            <van-tag plain type="danger">限时优惠</van-tag>
            <van-tag plain type="danger">特价抢购中</van-tag>
          </template>
          <template #footer>
            <van-button size="mini">&ensp;-&ensp;</van-button>
            <van-button size="mini">&ensp;+&ensp;</van-button>
          </template>
        </van-card>
      <van-card
          num="2"
          price="2.00"
          desc=" 杨柳绿; 1.2m床笠单品"
          title="沁入湖水般清凉，冰能科技60支兰精天丝床笠"
          thumb="../static/40.png"
        >
          <template #tags>
            <van-tag plain type="danger">限时优惠</van-tag>
            <van-tag plain type="danger">特价抢购中</van-tag>
          </template>
          <template #footer>
            <van-button size="mini">&ensp;-&ensp;</van-button>
            <van-button size="mini">&ensp;+&ensp;</van-button>
          </template>
        </van-card>
<!--提交订单-->
      <div>
        <van-submit-bar :price="3050" button-text="提交订单" @submit="onSubmit">
          <van-checkbox v-model="checked">全选</van-checkbox>
          <template #tip>
              你的收货地址不支持同城送, <span @click="onClickEditAddress">修改地址</span>
          </template>
        </van-submit-bar>
      </div>
<!--底部导航条-->
     <div>
        <footer_bar ></footer_bar>
     </div>

  </div>



</template>

<script>
import footer_bar from './footer_bar'

export default {
  name: 'shop_car',
  data () {
    return {
        activeKey: 0,
        checked:1,
    }
  },
  components:{footer_bar},
    methods:{
        onSubmit: function(){
            //在methods内部访问data中的数据：this.属性名
            console.log('onSubmit');  // 'todo'
        },
        onClickEditAddress: function(){
            //在methods内部访问data中的数据：this.属性名
            console.log('onClickEditAddress');  // 'todo'
        },

            }
}

</script>

<style>
.van-submit-bar{
    margin-bottom: 1.5rem;
}
.van-card{
    background-color: #ffffff;
    border-style:solid;
    border-width:.21rem 0 0 0;
    border-color:#eeeeee;
    padding:.4rem .72rem .4rem .62rem;
}
.van-image{
    background-color: #eeeeee;
    border-radius: 0.12rem;

}

</style>
